<!DOCTYPE html>
<html>
    <head>
        <title>index</title>
        <meta charset="utf-8">
		
        <meta name="viewport" content="width=device-width, initial-scale=1"> 
        <link rel="stylesheet" href="css/jquery.mobile-1.1.1.min.css" />
        <link rel="stylesheet" href="css/jquery.mobile.structure-1.0.1.min.css" />
		<script src="js/jquery-1.7.1.min.js"></script>
		<script src="js/jquery.mobile-1.1.1.min.js"></script>
		
		<link rel="stylesheet" href="css/index.css" />
		<script src="js/index.js"></script>
    </head>
	
    <body>
      	<div class="bg" data-role="page">
			<div data-role="header" date-theme="b">
				<h1>flower</h1>
				<a href="index.html" data-role="button" data-icon="back">back</a>
			</div><!-- /header -->

			<div data-role="content">
				<p>评分</p>
				<div class="starWrapper" onmouseover="grade(this,event)"> 
        			<img src="img1" title="很烂" />
					<img src="img1" title="一般" />
					<img src="img1" title="还好" />
					<img src="img1" title="较好" />
					<img src="img1" title="很好" /> 
				</div>
					
				<div class="ui-grid-c">
            		<div class="ui-block-b">flower1</div>
            		<div class="ui-block-b">flower2</div>
            		<div class="ui-block-b">flower3</div>
            		<div class="ui-block-b">flower4</div>
            		<div class="ui-block-b">flower5</div>
            		<div class="ui-block-b">flower3</div>
            		<div class="ui-block-b">flower3</div>
            		<div class="ui-block-b">flower3</div>
        		</div>
				
			</div><!-- /content -->
			
			<div data-role="footer">	
				<div data-role="navbar">
					<ul>
						<li><a href="#">A</a></li>
						<li><a href="#">B</a></li>
						<li><a href="#">C</a></li>
						<li><a href="#">D</a></li>
					</ul>
				</div><!-- /navbar -->
			</div><!-- /footer -->
	
		</div><!-- /page -->
    </body>
</html>